<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>newsList.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
    <link rel="stylesheet" type="text/css" href="css/nav.css">
        <!--[if IE]>
			<link rel="stylesheet" href="css/fixed_ie.css" type="text/css" />
		<![endif]-->
    <link rel="stylesheet" type="text/css" href="css/newslist.css">
    <link rel="stylesheet" type="text/css" href="css/960.css">
	<link rel="stylesheet" type="text/css" href="css/reset.css">
	<link rel="stylesheet" type="text/css" href="css/text.css">
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/jquery.quickpaginate.js"></script>
	<script type="text/javascript" src="js/jquery.quickpaginate.packed.js"></script>
	<script type="text/javascript" src="js/nav.js"></script>
  </head>
   <body>
  	<!--顶部图片 -->
    <div class="container_12 top" ></div>
    <!-- 导航栏 -->
    <div class="container_12 menu">
      <ul id="jsddm">
	<li><a href="index.html">首页</a></li>
	<li><a href="about.html">走进管系</a>
		<ul>
			<li><a href="about.html">管理系概况</a></li>
			<li><a href="xibushezhi.html">专业设置</a></li>
			<li><a href="jigoushezhi.html">机构设置</a></li>
			<li><a href="lianxifangshi.html">联系方式</a></li>
		</ul>
	</li>
	<li><a href="newslist.html">新闻公告</a>
			<ul>
			<li><a href="about.html">新闻</a></li>
			<li><a href="about.html">通知公告</a></li>
		</ul>
	
	</li>
	<li><a href="dangzhenggongzuo.html">党政工作</a></li>
	<li><a href="xueshenggognzuo.html">学生工作</a></li>
	<li><a href="zhaoshengxinxi.html">招生信息</a></li>
	<li><a href="jiaoxuegongzuo.html">教学工作</a></li>
	<li><a href="hezuojiaoliu.html">合作交流</a></li>
	<li><a href="shixijiuye.html">实习就业</a></li>
</ul>
<div class="clear"> </div>
</div>
<div class="container_12">
<div class="bcnav">
<a href="index.html">首页</a><a href="">&gt;新闻中心列表</a>
</div>
</div>
<div class="container_12" style="background:#fff;">
<div class="grid_4 alpha omega">
<img alt="青岛工学院管理系" src="images/title.gif" style="float:left;width:295px;">
</div>
<div class=" grid_8 alpha omega cbox" style="float:left;">
<h2 class="title">新闻中心</h2>
    <div class="listnews">

    <ul id="shopping_list">
    <li><a href="#" ><span class="dates">2012-05-01</span><div class="ellipsis">新闻列表一新闻列表一新闻列表一新闻列表一新闻列表一新闻列表一新闻列表一新闻列表一</div></a></li>
    <li><a href="#" ><span class="dates">2012-05-01</span><div class="ellipsis">新闻列表一新闻列表一新闻列表一新闻列表一新闻列表一新闻列表一新闻列表一新闻列表一</div></a></li>
    <li><a href="#" ><span class="dates">2012-05-01</span><div class="ellipsis">新闻列表一新闻列表一新闻列表一新闻列表一新闻列表一新闻列表一新闻列表一新闻列表一</div></a></li>
	<li><a href="#" ><span class="dates">2012-05-01</span><div class="ellipsis">新闻列表一新闻列表一新闻列表一新闻列表一新闻列表一新闻列表一新闻列表一新闻列表一</div></a></li>
	<li><a href="#"><span class="dates">2012-05-01</span><div class="ellipsis">新闻列表一新闻列表一新闻列表一新闻列表一</div></a></li>
	<li><a href="#"><span class="dates">2012-05-01</span><div class="ellipsis">新闻列表一新闻列表一新闻列表一新闻列表一</div></a></li>
	<li><a href="#"><span class="dates">2012-05-01</span><div class="ellipsis">新闻列表一新闻列表一新闻列表一新闻列表一</div></a></li>
	<li><a href="#"><span class="dates">2012-05-01</span><div class="ellipsis">新闻列表一新闻列表一新闻列表一新闻列表一</div></a></li>
	<li><a href="#"><span class="dates">2012-05-01</span><div class="ellipsis">新闻列表一新闻列表一新闻列表一新闻列表一</div></a></li>
	<li><a href="#" ><span class="dates">2012-05-01</span><div class="ellipsis">新闻列表一新闻列表一新闻列表一新闻列表一</div></a></li>
	<li><a href="#" ><span class="dates">2012-05-01</span><div class="ellipsis">新闻列表一新闻列表一新闻列表一新闻列表一新闻列表一新闻列表一新闻列表一新闻列表一</div></a></li>
	<li><a href="#"><span class="dates">2012-05-01</span><div class="ellipsis">新闻列表一新闻列表一新闻列表一新闻列表一</div></a></li>
	<li><a href="#"><span class="dates">2012-05-01</span><div class="ellipsis">新闻列表一新闻列表一新闻列表一新闻列表一</div></a></li>
	<li><a href="#"><span class="dates">2012-05-01</span><div class="ellipsis">新闻列表一新闻列表一新闻列表一新闻列表一</div></a></li>
	<li><a href="#" ><span class="dates">2012-05-01</span><div class="ellipsis">新闻列表一新闻列表一新闻列表一新闻列表一新闻列表一新闻列表一新闻列表一新闻列表一</div></a></li>
	<li><a href="#" ><span class="dates">2012-05-01</span><div class="ellipsis">新闻列表一新闻列表一新闻列表一新闻列表一新闻列表一新闻列表一新闻列表一新闻列表一</div></a></li>
	<li><a href="#" ><span class="dates">2012-05-01</span><div class="ellipsis">新闻列表一新闻列表一新闻列表一新闻列表一新闻列表一新闻列表一新闻列表一新闻列表一</div></a></li>
	<li><a href="#" ><span class="dates">2012-05-01</span><div class="ellipsis">新闻列表一新闻列表一新闻列表一新闻列表一新闻列表一新闻列表一新闻列表一新闻列表一</div></a></li>
    </ul>

    </div>
        <div id="shopping_list_counter"></div>

</div>
</div>
 <div class="container_12 footer"><div class="text">青岛工学院管理系网站</div></div>
 <script type="text/javascript">
	$("#shopping_list li").quickpaginate({ perpage:10, pager : $("#shopping_list_counter") });
</script>
  </body>
</html>
